<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>lu_organizationalStructure 组织架构</title>

    <link rel="shortcut icon" href="favicon.ico">
    <link href="ADMIN_PUBLIC/css/bootstrap.min.css" rel="stylesheet">
    <link href="ADMIN_PUBLIC/css/font-awesome.min.css" rel="stylesheet">
    <link href="ADMIN_PUBLIC/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="ADMIN_PUBLIC/css/animate.min.css" rel="stylesheet">
    <link href="ADMIN_PUBLIC/css/style.min.css" rel="stylesheet">
    <link rel="stylesheet" href="ADMIN_PUBLIC/fonts_style/iconfont.css">

    <link rel="stylesheet" href="ADMIN_PUBLIC/css/lu_common.css">
    <link rel="stylesheet" href="ADMIN_PUBLIC/css/lu_organizationalStructure.css">
    <style>
        .border-bottom{border-bottom:1px solid transparent!important}
        /*.btn-grey{ background-color: #ccc;  border-color: #ccc; color:#fff}*/
        ul[lll=companyDepartmentBox]{
            display: none;
        }
        ul[lll=companyDepartmentBox].active{
            display: block;
        }
    </style>

</head>
<body class="color_fff">
<div class=" row  border-bottom white-bg dashboard-header CompanyInfoBox">

    <div class="col-sm-12 organizationalStructure">
        <p class="companyName">{$com_name}</p>
        <div>
            <a class="btn btn-sm btn-success" href="#addDepartmentModal" id="addDepartment_btn">添加部门</a>
            <a class="btn btn-sm btn-success" href="#companyDepartmentBox" id="showORhidden">展开部门列表</a>
        </div>
        <!--添加部门的模态框 Start-->
        <ul id="addDepartmentModal" class="animated fadeIn add_hiddenBox" lll="addDepartmentModal">
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>部门名称：</label>
                <div class="col-sm-9">
                    <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="addDepartment_Name">
                </div>
            </li>
            <li class="button_list">
                <button class="btn btn-sm btn-success" id="add_btn">确认添加</button>
                <button class="btn btn-sm btn-success" id="add_AddNew_btn">添加并新增</button>
                <button class="btn btn-sm btn-default cancel_btn">取消</button>
            </li>
        </ul>
    </div>
    <!--部门啊-->
    <ul class="col-sm-12 companyDepartmentBox " id="companyDepartmentBox" lll="companyDepartmentBox">
        <!--<li class="companyDepartmentList" add_id="1">-->
            <!--<div class="companyDepartmentList_tip">-->
                <!--<p><span class="DepartmentName_text">开发部</span> <span>(0人)</span></p>-->
                <!--<p class="DepartmentLOGO"><i class="iconfont icon-jiantouyou"></i></p>-->
            <!--</div>-->
            <!--<div class="companyDepartmentList_hidden">-->
                <!--<a class="btn btn-sm btn-success " data-toggle="modal" data-target="">添加部门</a>-->
                <!--<ul class="companyDepartmentBox_zi">-->
                    <!--<li class="companyDepartmentList_zi">-->
                        <!--<p><span class="DepartmentName_text">gegd</span> <span>(0人)</span></p>-->
                        <!--<p class="DepartmentLOGO"><i class="iconfont icon-jiantouyou"></i></p>-->
                    <!--</li>-->
                <!--</ul>-->
            <!--</div>-->
        <!--</li>-->
    </ul>

    <!--添加子部门的模态框 Start-->
    <ul id="add_DepartmentModal_zi" class="animated fadeIn add_hiddenBox" lll="addDepartmentModal">
        <li class="form-group table_btn_list">
            <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>子部门名称：</label>
            <div class="col-sm-9">
                <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="addDepartment_Name">
            </div>
        </li>
        <li class="button_list">
            <button class="btn btn-sm btn-success" id="add_btn_zi">确认添加</button>
            <button class="btn btn-sm btn-success" id="add_AddNew_btn_zi">添加并新增</button>
            <button class="btn btn-sm btn-default cancel_btn">取消</button>
        </li>
    </ul>
    <!--修改部门名字-->
    <ul id="edit_DepartmentModal" class="animated fadeIn add_hiddenBox" lll="addDepartmentModal">
        <li class="form-group table_btn_list">
            <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>部门名称：</label>
            <div class="col-sm-9">
                <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="addDepartment_Name">
            </div>
        </li>
        <li class="button_list">
            <button class="btn btn-sm btn-success" id="save_btn">保存</button>
            <button class="btn btn-sm btn-default cancel_btn">取消</button>
        </li>
    </ul>
    <!--删除部门-->
    <div class="col-sm-12 add_hiddenBox animated fadeIn" id="delete_departMent" lll="delete">
        <p class="delete_tip_text">该部门下还有人员，请先移除该部门下所有人员才可该删除！</p>
        <div class="button_list">
            <button class="btn btn-sm btn-success cancel_btn">确认</button>
        </div>
    </div>
    <!--中间的小条条 Start-->
    <div class="col-sm-12 Center_border"></div>
    <!--人员表格 Start-->
    <div class="col-sm-12">
        <p class="table_title">全部人员</p>
        <ul class="table_btn">
            <li><a href="#add_people" class="btn btn-success btn-sm" >添加成员</a></li>
            <li><a href="#change_department" class="btn btn-success btn-sm">调整部门</a></li>
            <li><a href="#delete" class="btn btn-success btn-sm">批量删除</a></li>
            <li><a href="#import" class="btn btn-success btn-sm">批量导入</a></li>
        </ul>
        <div class="table_box">
            <div class="query_box_parent">
                <div class="query_box">
                    <input type="text" class="queryInput" placeholder="搜索人员或部门名称" id="name">
                    <i class="iconfont icon-fangdajing"></i>
                </div>
                <button class="btn btn-success btn-sm" id="search">搜索</button>
            </div>
            <table class="col-sm-12 table table-striped comTableStyle" id="table_table">
                <thead>
                <tr>
                    <th><input type="checkbox" id="checkAll" class="checkboxStyle"></th>
                    <th>姓名</th>
                    <th>性别</th>
                    <th>工号</th>
                    <th>人员类别</th>
                    <th>所属部门</th>
                    <th>学历</th>
                    <th>聘用方式</th>
                    <th>职称</th>
                    <th>职务</th>
                    <th>专业</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
            <volist name = 'data' id='v'>
                <tr data-index="{$v.id}">
                    <td><input type="checkbox" class="checkboxStyle"></td>
                    <td data-name="name">{$v.staff_name}</td>
                    <td data-name="sex">{$v.sex}</td>
                    <td data-name="num">{$v.staff_sn}</td>
                    <td data-name="type">{$v.staff_type}</td>
                    <td data-name="department">{$v.dep_name}</td>
                    <td data-name="education">{$v.staff_xueli}</td>
                    <td data-name="employType">{$v.staff_emp}</td>
                    <td data-name="title">{$v.staff_zhicheng}</td>
                    <td data-name="post">{$v.staff_title}</td>
                    <td data-name="major">{$v.staff_zy}</td>
                    <td data-name="remark" class="hiddenTd">${remark||'-'}</td>
                    <td><a href="#operation" class="edit_table">编辑</a></td>
                </tr>
            </volist>
                </tbody>
            </table>
            <div class="pagination"><ul><li>{$page}</li></ul></div>
        </div>
    </div>
    <!--添加人员-->
    <ul class="col-md-12 add_people_list animated fadeIn" id="add_people" lll="add_people">
        <li class="form-group table_btn_list">
            <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>员工姓名：</label>
            <div class="col-sm-9">
                <input type="text" class="col-sm-9 add_people_input" placeholder="" add_people_id="name">
            </div>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>员工性别：</label>
            <ul class="col-sm-9 table_btn_list_radio_list" add_people_id="sex">
               <li class="table_btn_list_radio_list">
                   <i class="iconfont icon-Raidobox-selectedRai"></i>
                   <span data-id="2">男</span>
               </li>
                <li class="table_btn_list_radio_list">
                    <i class="iconfont icon-Raidobox"></i>
                    <span data-id="1">女</span>
                </li>
            </ul>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>员工工号：</label>
            <div class="col-sm-9">
                <input type="text" class="col-sm-9 add_people_input" placeholder="" add_people_id="num">
            </div>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>人员类别：</label>
            <ul class="col-sm-9 table_btn_list_radio_list" add_people_id="type">
                <li class="table_btn_list_radio_list">
                    <i class="iconfont icon-Raidobox-selectedRai"></i>
                    <span data-id="3">研发人员</span>
                </li>
                <li class="table_btn_list_radio_list">
                    <i class="iconfont icon-Raidobox"></i>
                    <span data-id="2">技术人员</span>
                </li>
                <li class="table_btn_list_radio_list">
                    <i class="iconfont icon-Raidobox"></i>
                    <span data-id="1">辅助员工</span>
                </li>
            </ul>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>部门选择：</label>
            <div class="col-sm-9">
                <select class="form-control table_btn_list_selectStyle" name=""  add_people_id="department">
                    <!--<option>技术部1</option>-->
                    <!--<option>技术部2</option>-->
                    <!--<option>技术部3</option>-->
                    <!--<option>技术部4</option>-->
                </select>
            </div>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>学历：</label>
            <div class="col-sm-9">
                <select class="form-control" name="" add_people_id="education">
                    <option value="博士">博士</option>
                    <option value="硕士">硕士</option>
                    <option value="本科">本科</option>
                    <option value="大专">大专</option>
                    <option value="高中及以下">高中及以下</option>
                </select>
            </div>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>聘用方式：</label>
            <ul class="col-sm-9 table_btn_list_radio_list"  add_people_id="employType">
                <li class="table_btn_list_radio_list">
                    <i class="iconfont icon-Raidobox-selectedRai"></i>
                    <span data-id="2">正式</span>
                </li>
                <li class="table_btn_list_radio_list">
                    <i class="iconfont icon-Raidobox"></i>
                    <span data-id="1">外聘</span>
                </li>
            </ul>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label">职称：</label>
            <div class="col-sm-9">
                <select class="form-control" name=""  add_people_id="title">
                    <option value="正高">正高</option>
                    <option value="副高">副高</option>
                    <option value="中级">中级</option>
                    <option value="初级">初级</option>
                    <option value="技术员">技术员</option>
                    <option value="其他">其他</option>
                </select>
            </div>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label">职务：</label>
            <div class="col-sm-9">
                <input type="text" class="col-sm-9 add_people_input" placeholder="" add_people_id="post">
            </div>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label">专业：</label>
            <div class="col-sm-9">
                <input type="text" class="col-sm-9 add_people_input" placeholder="" add_people_id="major">
            </div>
        </li>
        <!-- <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label">备注：</label>
            <div class="col-sm-9">
                <input type="text" class="col-sm-9 add_people_input" placeholder="" add_people_id="remark">
            </div>
        </li> -->
        <li class="add_people_list_btn">
            <button class="btn btn-sm btn-success">添加并新增</button>
            <button class="btn btn-sm btn-success">确认添加</button>
            <button class="btn btn-sm btn-success">取消</button>
        </li>
    </ul>
    <!--调整部门-->
    <div class="col-sm-12 add_people_list animated fadeIn" id="change_department" lll="change_department">
        <ul class="col-sm-12 change_departmentList ">
            <!--<li class="change_departmentList_list">-->
                <!--<i class="iconfont icon-Raidobox"></i>-->
                <!--<span>技术部1</span>-->
            <!--</li>-->
            <!--<li class="change_departmentList_list">-->
                <!--<i class="iconfont icon-Raidobox-selectedRai"></i>-->
                <!--<span>技术部2</span>-->
            <!--</li>-->
            <!--<li class="change_departmentList_btn">-->
                <!--<button class="btn btn-sm btn-success">确认添加</button>-->
                <!--<button class="btn btn-sm btn-success">取消</button>-->
            <!--</li>-->
        </ul>
    </div>
    <!--删除人员-->
    <div class="col-sm-12 add_people_list animated fadeIn" id="delete" lll="delete">
        <p class="delete_tip_text">确认删除吗？</p>
        <div class="delete_tip_btn_box">
            <button class="btn btn-sm btn-success">确认</button>
            <button class="btn btn-sm btn-default">取消</button>
        </div>
    </div>
    <!--修改-保存-->
    <ul class="col-md-12 add_people_list animated fadeIn" id="operation" lll="operation">
        <li class="form-group table_btn_list">
            <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>员工姓名：</label>
            <div class="col-sm-9">
                <input type="text" class="col-sm-9 add_people_input" placeholder="" add_people_id="name">
            </div>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>员工性别：</label>
            <ul class="col-sm-9 table_btn_list_radio_list" add_people_id="sex">
                <li class="table_btn_list_radio_list">
                    <i class="iconfont icon-Raidobox-selectedRai"></i>
                    <span data-id="2">男</span>
                </li>
                <li class="table_btn_list_radio_list">
                    <i class="iconfont icon-Raidobox"></i>
                    <span data-id="1">女</span>
                </li>
            </ul>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>员工工号：</label>
            <div class="col-sm-9">
                <input type="text" class="col-sm-9 add_people_input" placeholder="" add_people_id="num">
            </div>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>人员类别：</label>
            <ul class="col-sm-9 table_btn_list_radio_list" add_people_id="type">
                <li class="table_btn_list_radio_list">
                    <i class="iconfont icon-Raidobox-selectedRai"></i>
                    <span data-id="3">研发人员</span>
                </li>
                <li class="table_btn_list_radio_list">
                    <i class="iconfont icon-Raidobox"></i>
                    <span data-id="2">技术人员</span>
                </li>
                <li class="table_btn_list_radio_list">
                    <i class="iconfont icon-Raidobox"></i>
                    <span data-id="1">辅助员工</span>
                </li>
            </ul>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>部门选择：</label>
            <div class="col-sm-9">
                <select class="form-control table_btn_list_selectStyle" name=""  add_people_id="department">
                    <!--<option>技术部1</option>-->
                    <!--<option>技术部2</option>-->
                    <!--<option>技术部3</option>-->
                    <!--<option>技术部4</option>-->
                </select>
            </div>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>学历：</label>
            <div class="col-sm-9">
                <select class="form-control" name="" add_people_id="education">
                    <option value="博士">博士</option>
                    <option value="硕士">硕士</option>
                    <option value="本科">本科</option>
                    <option value="大专">大专</option>
                    <option value="高中及以下">高中及以下</option>
                </select>
            </div>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>聘用方式：</label>
            <ul class="col-sm-9 table_btn_list_radio_list"  add_people_id="employType">
                <li class="table_btn_list_radio_list">
                    <i class="iconfont icon-Raidobox-selectedRai"></i>
                    <span data-id="2">正式</span>
                </li>
                <li class="table_btn_list_radio_list">
                    <i class="iconfont icon-Raidobox"></i>
                    <span data-id="1">外聘</span>
                </li>
            </ul>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label">职称：</label>
            <div class="col-sm-9">
                <select class="form-control" name=""  add_people_id="title">
                    <option value="正高">正高</option>
                    <option value="副高">副高</option>
                    <option value="中级">中级</option>
                    <option value="初级">初级</option>
                    <option value="技术员">技术员</option>
                    <option value="其他">其他</option>
                </select>
            </div>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label">职务：</label>
            <div class="col-sm-9">
                <input type="text" class="col-sm-9 add_people_input" placeholder="" add_people_id="post">
            </div>
        </li>
        <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label">专业：</label>
            <div class="col-sm-9">
                <input type="text" class="col-sm-9 add_people_input" placeholder="" add_people_id="major">
            </div>
        </li>
       <!--  <li class="form-group table_btn_list">
            <label class="col-sm-3 control-label">备注：</label>
            <div class="col-sm-9">
                <input type="text" class="col-sm-9 add_people_input" placeholder="" add_people_id="remark">
            </div>
        </li> -->
        <li class="operation_list_btn">
            <button class="btn btn-sm btn-success">保存</button>
            <button class="btn btn-sm btn-success">取消</button>
        </li>
    </ul>
    <!--内容没填完，弹框-->
    <div class="warning_hiddenBox animated fadeIn" id="yz_modal" box="yz_modal">
        您有内容没有填写完哦！
    </div>
    <!--导入文件-->
    <div class="add_hiddenBox animated fadeIn" id="import" lll="import">
        <p class="import_tip_text">温馨提示：</p>
        <p class="import_tip_text">请下载统一的模版，并按相应的格式在Excel软件中填写您的业务数据，然后再导入到系统中。</p>
        <form action="/Admin/Org/importStaff" method="post" enctype="multipart/form-data" id="file_form">
            <!--<input type="text" name="name" value="hhhh">-->
            <input type="file" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" class="import_tip_text file_upload_btn" id="file_upload" name="staffs">
            <div class="import_tip_btn_box">
                <a class="btn btn-sm btn-success" href="/Excel/tpl/%E5%91%98%E5%B7%A5%E6%89%B9%E9%87%8F%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xls">下载模板</a>
                <!--<input type="button" class="btn btn-sm btn-grey" value="确定导入">-->
                <button class="btn btn-sm btn-grey">确定导入</button>
            </div>
        </form>


        <!--<input type="file" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" class="import_tip_text file_upload_btn" id="file_upload">-->
        <!--<div class="import_tip_btn_box">-->
            <!--<a class="btn btn-sm btn-success" href="/Excel/tpl/%E5%91%98%E5%B7%A5%E6%89%B9%E9%87%8F%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xls">下载模板</a>-->
            <!--&lt;!&ndash;<input type="submit" class="btn btn-sm btn-grey" value="确定导入">&ndash;&gt;-->
            <!--<button class="btn btn-sm btn-grey">确定导入</button>-->
        <!--</div>-->
        <!--<ul class="import_tip_btn_box">-->
            <!--<li>-->
                <!--<button class="btn btn-sm btn-success">下载模板</button>-->
            <!--</li>-->
            <!--<li class="file_upload_btn_box">-->
                <!--<button class="btn btn-sm btn-success">导入</button>-->
            <!--</li>-->
        <!--</ul>-->
    </div>
</div>


<script src="ADMIN_PUBLIC/js/jquery.min.js"></script>
<script src="ADMIN_PUBLIC/js/bootstrap.min.js"></script>
<script src="ADMIN_PUBLIC/js/content.min.js"></script>
<script src="ADMIN_PUBLIC/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="ADMIN_PUBLIC/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
<script src="ADMIN_PUBLIC/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="ADMIN_PUBLIC/js/demo/bootstrap-table-demo.min.js"></script>
<script src="ADMIN_PUBLIC/js/lu_organizationalStructure.js"></script>

</body>
</html>
<script>
    $('#search').click(function(){
        var value = $('#name').val();
        window.location.href = '/Admin/Org/show?sea_name='+value;
    });
</script>